import { useState, useEffect } from 'react'

const App = () => {
  const [count, setCount] = useState(0)

  // react函数组件主作用，根据数据渲染UI
  // 副作用：ajax 操作dom  本地存储 ...
  // useEffect(()=>{
  //   // 执行：初始化，组件更新
  //   console.log('执行副作用')
  // })

  // 需求：浏览器title根据count进行修改
  useEffect(()=>{
    document.title = `计数器：${count}`
  })


  return (
    <div className="app">
      App组件
      <hr />
      <div>
        <p>计数器：{count}</p>
        <button onClick={() => setCount(count + 1)}>+1</button>
      </div>
    </div>
  )
}

export default App